<!--项目详情-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="zh-CN"/>
    <script type="text/javascript" th:src="@{/js/jquery1.4.js}"></script>
    <script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
    <title>项目详情页_详细页</title>
    <meta name="Keywords" content="投资机构"/>
    <meta name="Description" content="投资机构"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/basic.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/tzjg.css}"/>
    <script type="text/javascript" th:src="@{/js/function.js}"></script>
    <script type="text/javascript" th:src="@{/js/tzjg.js}"></script>


    <link rel="stylesheet" type="text/css" th:href="@{/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
</head>
<style type="text/css">
    #pc_nav ul li:hover div{
        display: inline-block;
    }
    #pc_nav ul li div{
        display: none;
        border-radius:2px;
        width: 200px;
    }
    #pc_nav ul li #di2{
        width:200px;
        height: 230px;
        background-color: white;
    }

    #pc_nav ul li #di2 a{
        /*text-decoration: none;*/
        list-style: none;
        height: 10px;
        width: 200px;
        margin-top: 5px;
        color: lightgrey;
        border:0px solid gainsboro;
        line-height:5px;
        width: 80%;
        text-align: center;
        display:block;
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
        z-index: 9999;
    }
</style>
<body>
<script type="text/javascript" th:src="@{/js/borsertocss.js}">
</script>
<style type="text/css">
    .dhl {
        height: 40px;
    }
</style>
<!--头部代码开始-->

<div class="navbar navbar-fixed-top" style="_position: relative;_z-index: 10000;">
    <!--nav-->
    <nav id="pc_nav" class="container clearfix hidden-xs" style="background-color: white;"
         th:each="codeUser:${codeUsers}">
        <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10"><img
                th:src="@{/images/codeLogo.jpg}" width="120px" height="70px"></a>
        <ul class="fr clearfix">
            <li>
                <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}">首页</a></li>
            <li><span>|</span></li>
            <li><a href="#" th:href="@{/item/loginItemsList(userNo=${codeUser.userNo})}">项目</a></li>
            <li><span>|</span></li>
            <li>   <span th:switch="${codeUser.type}">
                    <span th:case="1">
                      <a href="#" th:href="@{/item/releaseProject(userNo=${codeUser.userNo})}">项目发布</a>
                    </span>
                    <span th:case="2">
                       <a href="#">暂无</a>
                    </span>
            </span>
            <li><span>|</span></li>
            <li><a href="#" th:href="@{/help}">帮助</a></li>
            <li class="div2" style="width: 250px;text-align: center" >
                <span><a href="#"><img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"></a></span>
                <div id="di2" class="div2x" style="z-index: 90;margin-top: 2px;">
                    <p><a style="width: 200px;text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a></p>
                    <hr />
                    <p><a style="width: 200px"th:href="@{/logged/userInformation(userNo=${codeUser.userNo})}">个人中心</a></p>
                    <hr />
                    <p><a style="width: 200px"th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}">我的开发宝</a></p>
                    <hr />
                    <p><a style="width: 200px"th:href="@{/item/myCollection(userNo=${codeUser.userNo})}">我收藏的项目</a></p>
                    <hr />
                    <p><a th:href="@{/}" style="width: 200px">退出登录</a></p>
                </div>
            </li>
        </ul>
    </nav>
</div>
<!--头部代码结束-->

<div style="width: 100%;height: 100%;margin-bottom: 10px;margin-top: 10px;">

</div>

<div class="hr tp-div-nexthr" style="margin-top:40px;margin-bottom: 0;padding: 0;"></div>
<div class="container pb-15" style="margin-left: 10%">
    <!-- Example row of columns -->
    <div class="row">
        <div class="span12" style="padding-left: 15%">

            <!--内容页面-->
            <div th:each="itemDetails:${itemsDetails}">
                <div class="label-div b-30 border-all pt-5 t-20" style="position: relative; padding-left: 0;">

                    <div class="mmdh">
                        <a href="" th:href="@{/outLoginIndex}">首页</a> >
                        <a href="" th:href="@{/item/itemsList}">项目列表</a> >
                        <a href="" th:text="${itemDetails.itemName}">项目名称</a>
                    </div>

                    <div class="news-list">
                        <div class="clearfix pt-3">
                            <div class="index-news-img spanm3 pull-left pt-5" th:each="codeUser:${codeUsers}">
                                <a href="javascript:;" title="标题标题标题" target="_blank" rel="bookmark"
                                   th:each="items:${itemsDetails}">
                                    <!--项目图片-->
                                    <img class="lazyloadimg" alt="标题标题标题标题标题标题"
                                         th:src="@{'/article/'+ ${items.itemImage}}" width="200px" height="200px"/></a>
                                <span th:switch="${condition}">
                                        <span th:case="0">
                                             <button style="float: left; width: 78px;margin-top: 35px;">
                                                <a href="#"
                                                   th:href="@{/item/delCollection(userNo=${codeUser.userNo},itemNo=${itemNo})}">取消收藏</a>
                                             </button>
                                        </span>
                                         <span th:case="1">
                                             <button style="float: left; width: 78px;margin-top: 35px;">
                                                <a href="#"
                                                   th:href="@{/item/addCollection(userNo=${codeUser.userNo},itemNo=${itemNo})}">收藏项目</a>
                                             </button>
                                        </span>
                                   </span>
                                <span th:switch="${codeUser.type}">
                                    <span th:case="1">

                                    </span>

                                    <span th:case="2">
                                        <button style="margin-left: 20px; width: 78px;margin-top: 35px;">
                                            <a href="javascript:click()">参与项目</a>
                                        </button>
                                    </span>
                                </span>
                            </div>
                            <div class="offset3 intro">
                                <h1>
                                    <a title="标题标题标题标题" target="_blank" href="javascript:;
                                " th:text="${itemDetails.itemName}" style="font-size: 40px; margin-left: 200px">项目名称
                                    </a>
                                    <div>
                                        <span>项目状态:</span>
                                        <span class="pull-right runing" style="text-align: center;float: left">
                                                <span th:switch="${itemDetails.itemDid}" style="text-align: center">
                                                                    <span th:case="1">未开始</span>
                                                                    <span th:case="2">进行中</span>
                                                                    <span th:case="3">已结束</span>
                                                </span>
                                         </span>
                                    </div>
                                </h1>
                                <div style="margin-left: 200px">
                                    <p class="t-1 mt1">项目类型:
                                        <span th:switch="${itemDetails.itemType}">
                                                    <span th:case="1">Web网站</span>
                                                    <span th:case="2">App开发</span>
                                                    <span th:case="3">微信公众号</span>
                                                    <span th:case="4">小程序</span>
                                                    <span th:case="5">HTML应用</span>
                                                    <span th:case="6">其他项目</span>
                                            </span>&nbsp;
                                        项目金额:
                                        <span th:text="${itemDetails.money}+'元'">金额</span><br/>
                                        <span>周期：<i>10天</i></span> &nbsp;<br/>
                                    </p>
                                </div>
                                <div class="clearfix" style="height: 22px;margin-top: 0px;">
                                    <div class="pull-left myxx">
                                        <i class="m">项目发布人编号:<a href="javascript:;" target="_blank"
                                                                th:text="${itemDetails.promulgatorId}"></a></i>
                                    </div>

                                    <div class="pull-right">
                                        <a class="follow-btn pr-10 ie6png" href="javascript:void(0);" title="3人收藏"
                                           data-id="104417" data-type="news" th:text="${collectionNum}+'人'">收藏人数</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <!--第二部分开始-->

                <div class="label-div b-30 border-all pt-5 t-20" style="position:relative; padding-left:26px;">

                    <div class="second">
                        <h5 class="mmh5 b-20">项目描述</h5>
                        <div class="mmcontent" th:text="${itemDetails.text}">
                            项目描述
                        </div>

                        <div class="mmpicshow">
                            <dl>
                            </dl>
                        </div>
                    </div>

                    <div class="second">
                        <h5 class="mmh5 b-20">项目相关需求文件</h5>

                        <a th:href="@{/item/download(downFile=${itemDetails.demandDocument},itemNo=${itemDetails.itemNo})}">
                            <span th:text="${itemDetails.demandDocument}"></span>
                        </a>


                        <div class="mmpicshow">
                            <dl>
                            </dl>
                        </div>
                    </div>


                    <div class="second">
                        <h5 class="mmh5 b-20">项目规划</h5>
                        <div class="mmcontent">

                        </div>

                        <div class="mmpicshow">
                            <dl>
                            </dl>
                        </div>
                    </div>

                    <div class="second">
                        <h5 class="mmh5 b-20">项目周期</h5>
                        <div class="mmcontent" th:text="${itemDetails.day}+'天'">
                            天数
                        </div>

                        <div class="mmpicshow">
                            <dl>
                            </dl>
                        </div>
                    </div>

                    <div class="second">
                        <h5 class="mmh5 b-20">招募类型</h5>
                        <br/>
                        <h6>招收类型和金额</h6>
                        <div class="mmcontent">
                            <span style="font-size: 10px;" th:switch="${itemDetails.itemNeedType}">
                                    <span th:case="1">个人开发者</span>
                                    <span th:case="2">团队开发者</span>
                            </span>&nbsp;<span style="font-size: 10px;" th:text="${itemDetails.money}+'元'">1000</span>
                        </div>

                        <div class="mmpicshow">
                            <dl>
                            </dl>
                        </div>
                    </div>

                    <div class="second">
                        <!--需求文件未改-->
                        <h5 class="mmh5 b-20">项目要求</h5>
                        <div class="mmcontent">
                            <span>要求要求要求要求要求要求</span>
                        </div>

                        <div class="mmpicshow">
                            <dl>
                            </dl>
                        </div>
                    </div>

                </div>

                <!--第二部分结束-->
            </div>

        </div>

        <div class="footer">

            <div class="clearfix" style="background:#EDEDED;">


                <ul class="about-ul">
                    <li>客服电话 400-100-8884 - More
                        <templates></templates>
                    </li>
                    <li><span>|</span></li>
                    <li>
                        <a title="公司博客" href="javascript:;" class="fc666" target="_blank">公司博客</a>
                    </li>
                    <li><span>|</span></li>
                    <li>
                        <a title="加入我们" href="javascript:;" class="fc666" target="_blank">加入我们</a>
                    </li>
                    <li><span>|</span></li>
                    <li>
                        <a title="服务协议" href="javascript:;" class="fc666" target="_blank">服务协议</a>
                    </li>
                    <li><span>|</span></li>
                    <li>
                        <a title="服务协议" href="javascript:;" class="fc666" target="_blank">友情链接</a>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>

        </div>
    </div>
</div>

</body>
<script type="text/javascript">
    function click() {

        if (confirm("请先登录账号！")) {
            window.location.href = "/code/login";
        }
        else
            return false;
    }
</script>

</html>